<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="./js/jquery.js" language="javascript" type="text/javascript"></script>
<style type="text/css">
    table td{	
		color: #666;
		font-family: "宋体";
		font-size: 12px;
		height: 70px;	
		width: 70px;		
		border-right: 1px solid #D6D5D3;
		border-top: 1px solid #D6D5D3;
		cursor: pointer;
	}
	th{		
		color: #666;
		font-family: "宋体";
		font-size: 12px;
		height: 70px;
		width: 70px;	
		border-right: 1px solid #D6D5D3;
	    border-top: 1px solid #D6D5D3;
	}	
	.tabel-left-border{
		border: 1px solid #D6D5D3;
		border-right:0;
		border-top:0;
		text-align: center;
		margin-left: 300px;
		width:518px;
	}
	.table-top-title{
		width: 518px;
		font-weight: bolder;
		font-size:16px;
	}
	.table-top-bego{
		color:#D6D5D3;
	}
	.table-top-room{
		width:70px;
		height:30px;
		line-height:30px;
		font-size:12px;		
		text-align:left;
		margin-left:3px;		
	}
	.table-had-room{
		width:70px;
		height:30px;
		line-height:30px;
		font-size:12px;	
		color:#FFA500;
		text-align:left;
		margin-left:3px
	}	
	.room-date{
		width:70px;
		height:40px;
		line-height:30px;
		font-size:12px;	
	}
	.table-moseover{
		background: #FCE2A9;
	}
</style>
</head>
<body class="showmenu">
	<div class="tabel-left-border">
		<table  border="0"   cellpadding="0" cellspacing="0">
			<tr>						
				<td colspan="7" align="center"><div class="table-top-title"><{time()|date_format:"%Y 年 %m 月 %d 日 "}></div></td>			
			</tr>
			<tr>
				<th>星期日</th>
				<th>星期一</th>
				<th>星期二</th>
				<th>星期三</th>
				<th>星期四</th>
				<th>星期五</th>
				<th>星期六</th>
			</tr>
			<{foreach from=$data_content item=date key=k}>			 
				<{if   ((($k + $j++)  % 8) eq 0) or ($k eq 1)  }>	
					<{if $k eq 1}>
						<tr>
							<{if $start_week > 0}>
								<{section name=loop loop = $start_week}>						
									<td >&nbsp;</td>	
								<{/section }>
							<{/if}>	
							<td <{if $date.status eq 0}>class="table-top-bego"<{/if}>>
								<div <{if $date.status eq 1}>class="table-had-room"<{else}>class="table-top-room"<{/if}> >有房</div>
								<div class="room-date"><{$date.date}></div>
							</td>					
					<{/if}>
				<{else}>
					<td <{if $date.status eq 0}>class="table-top-bego"<{else}>class="table-top-haveroom"<{/if}>>
						<div <{if $date.status eq 1}>class="table-had-room"<{else}>class="table-top-room"<{/if}>>有房</div>
						<div class="room-date"><{$date.date}></div>
					</td>	
					<{if $date_count eq $k }>
						<{section name=loop loop = $last_week}>							
							<td >&nbsp;</td>	
						<{/section }>
					<{/if}>
				<{/if}>	
				<{if $date.week eq 6 }>					
					</tr>			
				<{/if}>
			<{/foreach}>
		</table>
	</div>	
</body>
</html>
<script type="text/javascript">
	$(".table-top-haveroom").mousemove(function(){
	     $(this).addClass("table-moseover");
	 }).mouseout(function(){
		$(this).removeClass("table-moseover");
	})
</script>

	


			